<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../Plantillas/PlantillaVentas.xhtml"
                xmlns:p= "http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        titulo
    </ui:define>

    <ui:define name="content">
        <h:form id="registroCliente">
            <p:outputPanel id="opl_newUserCli">
                <p:panel header="Registro Nuevo Usuario"
                         rendered="#{!gestionClientesBean.estadoDatClient}">
                    <h:panelGrid id="png_valEQpass"
                                 columns="3">
                        <h:outputLabel value="Usuario " />
                        <p:inputText id="txt_newUser"
                                     value="#{gestionClientesBean.usuario.usuario}"
                                     required="true"
                                     maxlength="10"
                                     />
                        <p:message for="txt_newUser" />

                        <h:outputLabel value="Contraseña" 
                                       for="psw_usurio"/>
                        <p:password id="psw_usurio"
                                    match="psw_usurioEQ"
                                    value="#{gestionClientesBean.passClienteEQ1}"
                                    required="true"
                                    feedback="true"
                                    promptLabel ="Ingrese contraseña"
                                    weakLabel="Debil"
                                    goodLabel="Buena"
                                    strongLabel="Muy Buena"
                                    maxlength="10"
                                    />
                        <p:message for="psw_usurio" />
                        <h:outputLabel value="Confirmar contraseña " 
                                       for="psw_usurioEQ"/>
                        <p:password id="psw_usurioEQ" 
                                    value="#{gestionClientesBean.passClienteEQ}"
                                    required="true"
                                    feedback="true"
                                    promptLabel ="Ingrese contraseña"
                                    weakLabel="Debil"
                                    goodLabel="Buena"
                                    strongLabel="Muy Buena"
                                    maxlength="10"
                                    />
                        <p:message for="psw_usurioEQ" />
                        <f:facet name="footer">
                            <p:commandButton value="Registrar"
                                             update="opl_newUserCli"
                                             action="#{gestionClientesBean.mostrarPanelCliente()}"/>
                            <p:commandButton value="Regresar"
                                         immediate="true"
                                         action="#{gestionClientesBean.redirect('/faces/index.xhtml')}"/>
                        </f:facet>
                    </h:panelGrid>
                </p:panel>
                    <p:separator />
                <p:panel rendered="#{gestionClientesBean.estadoDatClient}">
                     <h:panelGrid id="png_newUsuario"
                                  columns="3">
                        <h:outputLabel value="Usuruaio :" />
                        <h:outputLabel value="#{gestionClientesBean.usuario.usuario}" />
                        <h:outputLabel />
                            <h:outputLabel value ="DNI Clientes "/>
                            <p:inputText id="txt_dniCliente"
                                         value="#{gestionClientesBean.cliente.dni}"
                                         maxlength="8">
                                <f:validateLength minimum="8"  maximum="8" /> 
                            </p:inputText>
                            <p:message for="txt_dniCliente" />
                            <h:outputLabel value ="Email de Cliente "/>
                            <p:inputText id="txt_emailCliente"
                                         value="#{gestionClientesBean.cliente.email}"  
                                         maxlength="250"/>
                            <p:message for="txt_emailCliente" />

                            <h:outputLabel value ="Nombres de cliente "/>
                            <p:inputText id="txt_nomCliente"
                                         value="#{gestionClientesBean.cliente.nombres}" 
                                         maxlength="150"/>
                            <p:message for="txt_nomCliente" />

                            <h:outputLabel value ="Apellidos de cliente "/>
                            <p:inputText id="txt_apeCliente"
                                         value="#{gestionClientesBean.cliente.apellidos}"
                                          maxlength="150"/>
                            <p:message for="txt_apeCliente" />
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <p:commandButton value="Guardar"
                                         actionListener="#{gestionClientesBean.setupNuevo()}"
                                         update="png_newUsuario">
                        </p:commandButton>
                        <p:commandButton value="Regresar"
                                         immediate="true"
                                         action="#{gestionClientesBean.redirect('../index.xhtml')}">
                            
                        </p:commandButton>
                    </h:panelGrid>
                </p:panel>
                    
                    
            
            </p:outputPanel>
            
        </h:form>
    </ui:define>

</ui:composition>
